html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1,h2,h3,h4,h5,h6,em,i {
    font-weight: 100;
    font-style: normal
}
ul,ol,li {
    list-style-type: none
}
a {
    color: #666;
    text-decoration: none;
    outline: 0
}
a:hover {
    text-decoration: none
}
.container{
    width:775px;
    background: #bacd8f;
    text-align: center;
}
.product_nav{
    height:48px;
    font-size: 0;	
    
}
.product_nav>*{
    vertical-align: top;
    display: inline-block;
    *zoom:1;
    *display: inline;
}
.product_nav>.dianshu{
    width: 198px;
    height:36px;
    margin: 6px 0;
    border:1px solid #fff;
    border-radius: 3px;
    background: #666;
    font-size: 14px;
    padding: 0 5px;
}
.product_nav>.dianshu .dianshu_num{
    color:#fff;
    padding-left: 5px;
    border-left: 4px solid #FF5E0E;
    display: inline-block;
    *zoom:1;
    *display: inline;
    vertical-align: top;
    margin: 8px 0;
}
.product_nav>.dianshu .chongzhi_btn{
    display: inline-block;
    *zoom:1;
    *display: inline;
    color:#fff;
    background:#ff9c01;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9c01), to(#ffd65b));
    background: -webkit-linear-gradient(top, #ff9c01, #ffd65b);
    background: -moz-linear-gradient(top, #ff9c01, #ffd65b);
    background: -o-linear-gradient(top, #ff9c01, #ffd65b);
    background: -ms-linear-gradient(top, #ff9c01, #ffd65b);
    background: linear-gradient(top, #ff9c01, #ffd65b);
    padding: 2px 5px;
    border-radius: 3px;
    margin: 6px 0;
    margin-left: 30px;
    border:1px solid #333;
}
.product_nav>.dianshu .chongzhi_btn:hover{
    background: #ffd65b;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffd65b), to(#ff9c01));
    background: -webkit-linear-gradient(top, #ffd65b, #ff9c01);
    background: -moz-linear-gradient(top, #ffd65b, #ff9c01);
    background: -o-linear-gradient(top, #ffd65b, #ff9c01);
    background: -ms-linear-gradient(top, #ffd65b, #ff9c01);
    background: linear-gradient(top, #ffd65b, #ff9c01);
}
.product_nav>.nav_btn{
    width: 83px;
    height:36px;
    /*background: #999;*/
    font-size: 14px;
    /*color:#000;*/
    /*text-shadow: 1px 1px 0 #fff;*/
    line-height: 36px;
    text-align: center;
    box-sizing: border-box;
    border:1px solid #fff;
    border-radius: 3px;
    margin: 6px 0;
    margin-left: 5px;
}
.product_list{
    overflow: auto;
    font-size: 0px;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}
.product_list .product_item{
    width: 29%;
    height:90px;
    background: #ebf383;
    border-radius: 5px;
    display: inline-block;
    *zoom:1;
    *display: inline;
    vertical-align: top;
    margin-bottom: 1%;
    padding: 0 10px;
    margin-left: 1%;
}
.product_list .product_item:not(:nth-child(3n+1)){

}
.product_item .product_img_box{
    display: inline-block;
    *zoom:1;
    *display: inline;
    vertical-align: top;
    width: 75px;
    height:80px;
    margin: 5px 0;
}
.product_item .product_img_box>img{
    display: block;
    width: 75px;
    height:80px;
}
.product_item .product_introl{
    display: inline-block;
    *zoom:1;
    *display: inline;
    vertical-align: top;
    width: 135px;
    margin: 10px 0;
    margin-left: 10px;
    font-size: 12px;
}
.product_item .product_introl .detail_introl{
    background: #a4ebc1;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    border:1px solid #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 18px;
}
.product_item .product_introl .product_props{
    font-size: 0;
    white-space: nowrap;
    margin-top: 6px;
}
.product_item .product_introl .product_props>a{
    display: inline-block;
    *zoom:1;
    *display: inline;
    background: #d9eff6;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    border:1px solid #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 49%;
    margin-right: 2%;
    font-size: 12px;
    color:#000;
    line-height: 18px;
}
.product_item .product_introl .product_ctrl{
    font-size: 0;
    white-space: nowrap;
    margin-top: 6px;
}
.product_item .product_introl .product_ctrl>a{
    display: inline-block;
    *zoom:1;
    *display: inline;
    background: #c3f29a;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    border:1px solid #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 55%;
    margin-right: 2%;
    font-size: 12px;
    color:#000;
    line-height: 18px;
}
.product_item .product_introl .product_ctrl>a.give{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9da7ff), to(#6872ff));
    background: -webkit-linear-gradient(top, #9da7ff, #6872ff);
    background: -moz-linear-gradient(top, #9da7ff, #6872ff);
    background: -o-linear-gradient(top, #9da7ff, #6872ff);
    background: -ms-linear-gradient(top, #9da7ff, #6872ff);
    background: linear-gradient(top, #9da7ff, #6872ff);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#9da7ff", endColorstr="#6872ff", gradientType=0);
}
.product_item .product_introl .product_ctrl>a.give:hover{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#6872ff), to(#9da7ff));
    background: -webkit-linear-gradient(top, #6872ff, #9da7ff);
    background: -moz-linear-gradient(top, #6872ff, #9da7ff);
    background: -o-linear-gradient(top, #6872ff, #9da7ff);
    background: -ms-linear-gradient(top, #6872ff, #9da7ff);
    background: linear-gradient(top, #6872ff, #9da7ff);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#6872ff", endColorstr="#9da7ff", gradientType=0);
}
.product_item .product_introl .product_ctrl>a.buy{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#b6ffb6), to(#15d483));
    background: -webkit-linear-gradient(top, #b6ffb6, #15d483);
    background: -moz-linear-gradient(top, #b6ffb6, #15d483);
    background: -o-linear-gradient(top, #b6ffb6, #15d483);
    background: -ms-linear-gradient(top, #b6ffb6, #15d483);
    background: linear-gradient(top, #b6ffb6, #15d483);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#b6ffb6", endColorstr="#15d483", gradientType=0);
}
.product_item .product_introl .product_ctrl>a.buy:hover{
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#15d483), to(#b6ffb6));
    background: -webkit-linear-gradient(top, #15d483, #b6ffb6);
    background: -moz-linear-gradient(top, #15d483, #b6ffb6);
    background: -o-linear-gradient(top, #15d483, #b6ffb6);
    background: -ms-linear-gradient(top, #15d483, #b6ffb6);
    background: linear-gradient(top, #15d483, #b6ffb6);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr="#15d483", endColorstr="#b6ffb6", gradientType=0);
}
.div_overlay{    
    display:none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background:url(../images/back.png);
    z-index:1010;
    /*text-align: center;*/
}
.popupdiv{
    position: fixed;
    width: 474px;
    z-index: 1011;
    top: 25%;
    left: 50%;
}
.popupdiv.zengsong{
    margin-left: -237px;
}
.popupdiv.goumai{
    margin-left: -156px;
}
.dialog_body{
    float: left;
    width: 300px;
    height:147px;
    background: #7F827F;
    border:1px solid #333;
    padding: 5px;
}
.dialog_body .dialog_header{
    position: relative;
}
.dialog_body .title_link{
    font-size: 14px;
    color:#fff;
}
.dialog_body .title_link>img{
    width: 18px;
    height:18px;
    vertical-align: top;
    margin-right: 3px;
}
.dialog_body .close_key{
    position: absolute;
    display: inline-block;
    vertical-align: top;
    right: 0px;
    top:0;
    width: 18px;
    height:18px;
    cursor: pointer;
    background: #fff;
}
.dialog_body .close_key>img{
    width: 100%;
    height:100%;
    display:block;
}
.dialog_body .dialog_content{
    width: 100%;
    height:113px;
    padding: 5px 0;
    background: #fff;
    margin-top: 5px;
}
.dialog_content .product_detail{
    font-size:0;
    overflow: hidden;
}
.dialog_content .product_detail .product_img_wrapper{
    float: left;
    width: 80px;
    height:90px;
    margin-left: 5px;
}
.dialog_content .product_detail .product_img_wrapper .product_img{
    width: 100%;
    height:100%;
}
.dialog_content .product_detail .detail_introl_wrapper{
    float: right;
    width: 205px;
    height:70px;
    margin-right: 5px;
    padding-top: 10px;
    font-size: 13px;
}
.dialog_content .product_detail .detail_introl_wrapper .name_label{
    color:#215383;
}
.dialog_content .product_detail .detail_introl_wrapper .name_value{
    padding: 5px 10px;
    border:1px solid #444;
    background: #C5C7C5;
    margin-left: 10px;
    display: inline-block;
    width: 145px;
    vertical-align: top;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: -6px;
}
.dialog_content .product_detail .detail_introl_wrapper .detail_introl_txt{
    margin-top: 10px;
    padding: 5px 5px;
    border:1px solid #444;
    background: #C5C7C5;
    height:33px;
    overflow: auto;
}
.dialog_body .dialog_content .btn_group{
    font-size: 0;
    margin-top: 5px;
}
.dialog_body .dialog_content .btn_group>a{
    display: inline-block;
    border:1px solid #333;
    vertical-align: top;
    line-height: 16px;
    text-align: center;
    color:#fff;
    font-size: 13px;
    margin-left: 5px;
}
.dialog_body .dialog_content .btn_group>a.show_day{
    background: #A7AAA7;
    width: 45%;
}
.dialog_body .dialog_content .btn_group>a.cancel{
    background: #997328;
    width: 23%;
}
.dialog_body .dialog_content .btn_group>a.confirm{
    background: #576D83;
    width: 23%;
    margin-left: 6px;
}
.popupdiv .friends_list{
    background: #7E807D;
    float: right;
    display: inline-block;
    vertical-align: top;
    width: 150px;
    border:1px solid #333;
    height:147px;
    padding: 5px;
}
.popupdiv .friends_list .friends_list_header{
    color:#fff;
}
.popupdiv .friends_list .friends_list_header>img{
    width: 16px;
    height:16px;
    display: inline-block;
    vertical-align: top;
}
.popupdiv .friends_list .friends_list_ul{
    height:113px;
    padding: 5px;
    background: #fff;
    margin-top: 5px;
    overflow: auto;
}
.popupdiv .friends_list .friends_list_ul>li{
    border:1px solid #444;
    background: #D9D9D7;
    line-height: 18px;
    margin: 3px 0;
    font-size: 12px;
    padding: 0 5px;
    cursor:pointer;
}
.popupdiv .friends_list .friends_list_ul>li.selected{
    background: #0d0357;
    color:#fff;
}
.zuixin{background: #699976;color:#e7f804f2;/*text-shadow: 1px 1px 0 #fff;*/}
.shizhuang{background: #6872ff;color:#f6b211;/*text-shadow: 1px 1px 0 #fff;*/}
.zuoqi{background: #ffd65b;color:#84039a;/*text-shadow: 1px 1px 0 #fff;*/}
.daoju{background: #50003d;color:#af7f2b;/*text-shadow: 1px 1px 0 #fff;*/}
.meiri{background: #c3b8a2;color:#ecf0ef;/*text-shadow: 1px 1px 0 #fff;*/}
.jifen{background: #c24557;color:#e1a3b0;/*text-shadow: 1px 1px 0 #fff;*/}.zuixin{background: #699976;color:#e7f804f2;/*text-shadow: 1px 1px 0 #fff;*/}
.shizhuang{background: #6872ff;color:#f6b211;/*text-shadow: 1px 1px 0 #fff;*/}
.zuoqi{background: #ffd65b;color:#84039a;/*text-shadow: 1px 1px 0 #fff;*/}
.daoju{background: #50003d;color:#af7f2b;/*text-shadow: 1px 1px 0 #fff;*/}
.meiri{background: #c3b8a2;color:#ecf0ef;/*text-shadow: 1px 1px 0 #fff;*/}
.jifen{background: #c24557;color:#e1a3b0;/*text-shadow: 1px 1px 0 #fff;*/}